<template>
	<view class="apply">
		<uni-nav-bar height="65px" color="#fff" left-icon="left" @clickLeft='handleBack' backgroundColor="#00aaff" title="车辆申购审批" />
		<common-info></common-info>
		<car-info></car-info>
		<file-info></file-info>
		<people-info></people-info>
		<exam-info></exam-info>
		<view style="height: 15px;background-color: #EFF2F4;"></view>
		<view class="examine">
			<view class="examine-list">
				<view class="examine-list-tit">审批意见</view>
				<view class="examine-list-con">
					<up-input
					    placeholder="请输入审批意见"
					    border="none"
					    v-model="value"
					    @change="change"
					  ></up-input>
				</view>
			</view>
			<view class="examine-list">
				<view class="examine-list-tit">审批人</view>
				<view class="examine-list-con">
					<up-input
					    placeholder="请输入审批人"
					    border="none"
					    v-model="value"
					    @change="change"
					  ></up-input>
				</view>
			</view>
			
		</view>
		
		<view class="btn">
			<view class="btn1" @click="submit">不同意</view>
			<view class="btn2" @click="submit">同意</view>
		</view>
		
	</view>
</template>

<script setup name="Apply">
	import { ref } from 'vue';
	import CommonInfo from '../../../manager/component/commonInfo.vue'
	import CarInfo from '../../../manager/component/carInfo.vue'
	import FileInfo from '../../../manager/component/fileInfo.vue'
	import PeopleInfo from '../../../manager/component/peopleInfo.vue'
	import ExamInfo from '../../../manager/component/examInfo.vue'
	
	function handleBack() {
		uni.navigateBack();
	}
	function submit(){
		
	}
</script>
<style lang="scss" scoped>
	.apply{
		background-color: #fff;
		.examine{
			padding:0 15px;
			&-list{
				display: flex;
				padding: 12px 0;
				justify-content: space-between;
				border-bottom: 1px solid #EFF2F4;
				:deep(.uni-input-placeholder, .input-placeholder,.u-input__content__field-wrapper){
					text-align: right !important;
				}
			}
			&-list:last-of-type{
				border-bottom: none;
			}
		}
		
		.btn{
			height: 40px;
			width: 94%;
			line-height: 40px;
			text-align: center;
			background-color: #3C88D8;
			color: #fff;
			margin-left: 3%;
			position: fixed;
			bottom: 10px;
			display: flex;
			.btn1{
				flex: 1;
				background-color: #FFB44A;
			}
			.btn2{
				flex: 1;
			}
		}
	}
</style>